<template>
  	<div>
  		<div class="main-body">
  			<h3 class="main-body__title text-left">
  				通知延时查询
  			</h3>
  			<div class="main-body__content">
  				<div class="order-select text-left">
  					<div class="row">
  						<div class="col-md-6">
  							<div class="order-select__item order-select__time">
	  							<p class="order-select__title">订单创建时间<small>（默认将显示最近24小时的订单）</small></p>
	  							<div class="row">
	  								<div class="col-sm-6">
                      <datepicker placetext="请选择起始时间" v-model="start_time"></datepicker>
	  								</div>
	  								<div class="col-sm-6">
                      <datepicker placetext="请选择结束时间" v-model="end_time"></datepicker>
	  								</div>
	  							</div>
	  						</div>
  						</div>
  					</div>
  				</div>
  				<div class="notice-show">
  					<table class="text-left table table-bordered">
  						<thead>
  							<tr>
  								<th>全部</th>
  								<th>0-5分钟</th>
  								<th>5-30分钟</th>
  								<th>30-60分钟</th>
  								<th>1-5小时</th>
  								<th>5小时以上</th>
  							</tr>
  						</thead>
  						<tbody>
  							<tr>
  								<td>100笔</td>
  								<td>100笔</td>
  								<td>100笔</td>
  								<td>100笔</td>
  								<td>100笔</td>
  								<td>100笔</td>
  							</tr>
  						</tbody>
  					</table>
  					<table class="text-left table table-bordered">
  						<thead>
  							<tr>
  								<th>订单创建时间</th>
  								<th>通知时间</th>
  								<th>通知用时（分）</th>
  								<th>订单流水号</th>
  								<th>商户订单编号</th>
  								<th>操作</th>
  							</tr>
  						</thead>
  						<tbody>
  							<tr>
  								<td>2014-10-10 22：00 </td>
  								<td>2014-10-10 22：00 </td>
  								<td>100</td>
  								<td>100000000</td>
  								<td>100000000</td>
  								<td>
                      <a data-toggle="modal" data-target="#order-modal">查看</a>        
                    
  								</td>
  							</tr>
  						</tbody>
  					</table>
  					<page></page>
  				</div>
  			</div>
  		</div>
      <orderModal></orderModal>

  	</div>
</template>
<script>

import page from './page'
import datepicker from './datepicker'
import orderModal from './order-modal'

  export default {
    name:'notice',
    data(){
      return {
        start_time:'',
        end_time:''
      }
    },
    components:{
    	page,
      datepicker,
      orderModal
    }
  }
</script>
<style scoped lang="less">
  	.notice-show{
      position: relative;
      min-height: 684px;
    }
</style>